@charset "UTF-8";
/* -------------------------------------------------
 * header css
 * ------------------------------------------------- */

.login_register_box{
    width: 100%;
    position: relative;
    top: 0;
    display: none;
    z-index: 3000;
    background-color: white;
}



.form_container{
	width: 80%;
	height: 60%;
	margin-left: 10%;
	position: relative;
	text-align: center;

	p{
		color:$defaultColor;
		font-size: 1.2em;
		position: absolute;
		top: 12%;
		left: 10%;
	}

	input{
		width: 100%;
		height: 10%;
		margin-top: 5%;
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
	}

	input[type="submit"]{
		background-color:$defaultColor;
		color: white;
	}

	span{
		margin-top: 5%;
		float: left;
		display: inline;
		font-size: 1.2em;
		color: #666;
	}

	button{
		margin-top: 5%;
		color: #0099f3;
		font-size: 1.2em;
		background-color: #a8e9ff;
	}

	input#agreement{
		width: 1.2em;
		height: 1em;
	}

	label{
		font-size: 1.2em;

	}

	#agreement_span{
		font-size: 1.2em;
		color:$defaultColor;
		float: none;
	}

	.form_control{
		display: block;
	}
	.form_control::after{
		content: ""; clear: both; 

	}




}


.login_header{
	width: 100%;
	height: 40%;
	position: relative;
	background-image:url(../img/login_register_bk.png);
	text-align: center;
	img{
		width: 40%;
		margin-top: 10%;
	}
	
}

#close_login_box{
	position: absolute;
	top: 1.5em;
	right: 1em;
}



#agreement-content{
	display: none;
	width: 100%;
	position: absolute;
	background-color: white;
	top:0;
	z-index: 4000;
	padding: 1em 5%;

	#overlay-close{
		position: absolute;
		right:1em;
	}

	.agreement-box{
		margin-top: 1em;
		header{
			text-align: center;
		}

		ol{
			list-style-type: decimal;
			list-style-position: inside;
			counter-reset: term;
			font-size: 18px;
			font-weight: 700;

			ol{
				padding-left: 2em;
				font-size: 16px;
				font-weight: 400;
				counter-increment: term;
			}
		}
	}
}


#login_loading_mobile{
	display: none;
	width: 100%;
	position: absolute;
	background: rgba(229,229,229,.95);
	top:0;
	z-index: 5000;
	
	#login_loading_close{
		position: absolute;
		right:1em;
		top:0.5em;
	}

	#loading_box{
		border-radius: 10%;
		width: 50%;
		height: 100px;
		font-size: 1.2em;
		text-align: center;
		position: absolute;
		top: 20%;
		left: 25%;
		border: 1px solid #bbb;
		padding: 10px;
		img{
			width: 100%;
		}
		P{
			margin-top: 10%;
		}

	}

}



